@import url(common.css);

body{
  font:normal Small Arial;
  background-color: #20100B;
  margin: 0px;
  color: #eee;
}

a {color:#ccc;text-decoration: none;}
a:hover{color:#fff;text-decoration: underline;}

#container {
  margin: 0px auto;
  width: 766px;
  height: 750px;
}

#menu ul,
li {
  float:left;
  list-style:none;
  margin:0; padding:0;
  /*border: 1px solid;*/
}

#menu ul {
  margin-left: 30px;
  margin-top: 0px;
}

#menu li {
  text-align: center;
  /*position: absolute;*/
  color:white;
  line-height:142px; /* vertical center alignment */
  letter-spacing: 0.025em;
  width: 84px;
  /*border: 1px solid red;*/
}

#menu a {
  text-align: center;
  text-decoration: none;
  color: #ddd;
  font-size: 12px;
  /*border: 1px solid green;*/
}

#menu a:hover {
  color: #fff;
  font-size: 20px;
}

#tab {
  text-align: center;
  width: 84px;
  top: 0px;
  padding-bottom: 608px;
  position: absolute;
  color: #fff;
  background-image: url('images/menu-back.png');
  font-size: 20px;
  /*border: 1px solid blue;*/
}

#menu {
  width: 619px;
  height: 142px;
  background-image: url('images/menu-bg.jpg'); 
  background-repeat: none;
  float: left;
  padding: 0px;
  text-align: center;
  overflow: hidden;
}

#top-block {
  width: 147px;
  height: 142px;
  background-image: url('images/top-block.jpg'); 
  background-repeat: none;    
  float: right;  
}

#main {
  width: 599px;
  height: 437px;
  background-image: url('images/main-n.jpg'); 
  background-repeat: none;    
  float: left; 
  /*overflow: auto; */ 
  padding: 10px;
  scrollbar-3dlight-color: #000;
  scrollbar-arrow-color: #000;
  scrollbar-base-color: #ff6347;
  scrollbar-darkshadow-color: #000;
  scrollbar-face-color: #592d20;
  scrollbar-highlight-color: #6c3d2b;
  scrollbar-shadow-color: #512e20;
}

#middle-block {
  width: 147px;
  height: 457px;
  background-image: url('images/middle-block.jpg'); 
  background-repeat: none;    
  float: right;  
}

#footer {
  width: 619px;
  height: 151px;
  background-image: url('images/footer.jpg'); 
  background-repeat: none;    
  float: left;  
  line-height:151px; /* vertical center alignment */
  text-align: right;
}

div#footer-text{
  position: relative;
/*  top: 600px;
  left: 300px;
  width: 700px;
  height: 100px;*/
}

#bottom-block {
  width: 147px;
  height: 151px;
  background-image: url('images/bottom-block.jpg'); 
  background-repeat: none;    
  float: right;  
  line-height:151px; /* vertical center alignment */
  text-align: left;
}

#content {
  position: absolute;
  background-image: url('images/main-back.png');
  width: 725px;
  height: 500px;
  padding: 0px 10px 10px 10px;
  overflow: auto;
}
/* IE hacks */
* html #tab{
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/menu-back.png', sizingMethod='scale');
  background: none !important;
}
* html #content{
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/main-back.png', sizingMethod='scale');
  background: none !important;
}

#menu .selected {text-align: left;}

div#text{float: left;  width: 600px;}
div#sub-menu{margin: 20px; float: left;}